<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Login</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	
	$("#login").click(function() {
	
		var action = $("#form1").attr('action');
		var form_data = {
			usuario: $("#usuario").val(),
			contraseña: $("#contraseña").val(),
			is_ajax: 1
		};
		
		$.ajax({
			type: "POST",
			url: action,
			data: form_data,
			success: function(response)
			{
				console.log(response);
				if(response == 'success')
					$("#form1").slideUp('slow', function() {
						
						window.location.replace("admin.html");

					});
				else {
					
					$("#message").html("<p class='error'> Su nombre de usuario y contraseña son incorrectos, intentarlo nuevamente</p>");
					}	
			}
		});
		
		return false;
	});
	
});
</script>

</head>

<body>

<div id="page">

<div id="header">
  <p id="title"><strong>Sistema para Asistir el Aprendizaje en un Entorno Virtual Colaborativo</strong></p>
</div>

<div id="content">
<table width="85%" border="0" cellspacing="2" style="background-color:#C29340" align="center" id="encabezado">
  <tr>
    <td align="left" style="font-size:18px"><strong>Ingreso al Sistema</strong></td>
  </tr>
</table>
<form id="form1" name="form1" action="login.php" method="post"></form>
<table width="100%" border="0" cellspacing="24" align="center" id="encabezado2">
  <tr>
    <td align="center"> <strong>	Usuarios Registrados </strong></td>
  </tr>
</table>

<table width="20%" border="0" cellspacing="2" align="center">
  <tr>
    <td width="31%" align="right">Usuario:</td>
    <td width="69%"><input name="usuario" id="usuario" type="text" /></td>
  </tr>
  <tr>
    <td align="right">Contraseña:</td>
    <td><input name="contraseña" id="contraseña" type="password" /></td>
  </tr>  
</table>
<table width="70%" border="0" cellspacing="8" align="center">
  <tr>
    <td align="center"><input name="login" type="submit" id="login" value="ENTRAR" /></td>
  </tr>
  <tr>
    <td align="center" style="color:#F00; font-size:18px" id="message"><strong> </strong></td>
    </tr>
    <tr>
    <td align="center" style="font-size:20px"><strong>¿Olvidó su nombre de usuario o contraseña?</strong></td>
    </tr>
</table>


<div id="margin"></div>
</div>
<div id="footer">
</div>


</div> 

</div>



</body>
</html>
